<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>removeEventListener() 方法-浏览器支持</title>
</head>

<body>
    <!-- 注意： IE 8 及更早 IE 版本，Opera 7.0及其更早版本不支持 addEventListener() 和 removeEventListener() 方法。但是，对于这类浏览器版本可以使用 detachEvent() 方法来移除事件句柄:
        element.attachEvent(event, function);
        element.detachEvent(event, function); -->

    <!-- 跨浏览器解决方法: -->
    <p> Internet Explorer 8 及更早IE版本不支持 addEventListener() 方法。</p>
    <p>该实例演示了所有浏览器兼容的解决方法。</p>
    <button id="myBtn">点我</button>
    <script>
        var x = document.getElementById("myBtn");
        if (x.addEventListener) {  // 所有主流浏览器，除了 IE 8 及更早版本
            x.addEventListener("click", myFunction);
        } else if (x.attachEvent) {  // IE 8 及更早版本
            x.attachEvent("onclick", myFunction);
        }
        function myFunction() {
            alert("Hello World!");
        }
    </script>
</body>

</html>